<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/common.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
	var w, h, className;
	function getSrceenWH() {
		w = $(window).width();
		h = $(window).height();
		$('#dialogBg').width(w).height(h);
	}

	window.onresize = function() {
		getSrceenWH();
	}
	$(window).resize();

	$(function() {
		getSrceenWH();

		//显示弹框
		$('.box a').click(
				function() {
					className = $(this).attr('class');
					$('#dialogBg').fadeIn(300);
					$('#dialog').removeAttr('class').addClass(
							'animated ' + className + '').fadeIn();
				});

		//关闭弹窗
		$('.claseDialogBtn').click(function() {
			$('#dialogBg').fadeOut(300, function() {
				$('#dialog').addClass('bounceOutUp').fadeOut();
			});
		});
	});
	
	
	$(function() {
		

		//显示弹框
		$('.submitBtn').click(
				function() {
					window.location.href="http://localhost:8080/WkStudy/he";
				});
	});
</script>
</head>
<body>

	<div id="wrapper">

		
		<div class="box">
			<div class="demo">
				<a href="javascript:;" class="bounceIn">DEMO1</a>
			</div>

			<div id="dialogBg"></div>
			<div id="dialog" class="animated">
				<img class="dialogIco" width="50" height="50" src="images/ico.png"
					alt="" />
				<div class="dialogTop">
					<a href="javascript:;" class="claseDialogBtn">关闭</a>
				</div>
				<form action="" method="post" id="editForm">
					<ul class="editInfos">
						<li><label><font color="#ff0000"></font>用户id：<input
								type="text" name="" required value="" class="ipt" /></label></li>
						<li><label><font color="#ff0000"></font>用户名：<input
								type="text" name="" required value="" class="ipt" /></label></li>
						<li><label><font color="#ff0000"></font>密&nbsp;&nbsp;&nbsp;码：<input
								type="text" name="" required value="" class="ipt" /></label></li>
						<li><input type="submit" value="确认提交" class="submitBtn" /></li>
					</ul>
				</form>
			</div>
		</div>

	</div>









</body>
</html>